<!-- #breadcrumb -->
<ul class="breadcrumb">
    <li><a href="#">保留每一次的点点滴滴</a> <span class="divider"></span></li>
</ul><!-- /#breadcrumb -->


<!-- .row -->
<div class="row">

<!-- #page.span9.alignright -->
<section id="page" class="span9 alignright">

    <!-- .entry -->
    <?php foreach($all_list as $key => $item): ?>
    <article class="entry">

        <img src="/assets/example/post1.jpg" alt="Images" />

        <div class="blog-title">

            <h2><a href="./blog-single.html"><?php echo $item['name'] ?></a></h2>

            <ol>
                <li>By 陈先森</li>
                <li> On <?php echo date('M d, Y',$item['playtime']);  ?></li>
            </ol>

            <span class="post-format-standart"></span>

        </div>

        <p><?php echo $item['content'] ?></p>

        <a href="#" class="btn btn-large">Read More...</a>

    </article><!-- /.entry -->
    <?php endforeach; ?>

    <!-- .entry -->
    <article class="entry"></article><!-- /.entry -->

    <!-- .entry -->

    <!-- .pagination -->
    <div class="pagination">
        <ul>
            <?php echo $ht; ?>
        </ul>
    </div>

</section><!-- /#page.span9.alignright -->

<!-- #sidebar.span3.alignleft -->
<aside id="sidebar" class="span3 alignleft">

    <!-- .widget -->
    <div class="widget">

        <h3 class="title">Categories</h3>

        <ul class="categories">
            <li class="current"><a href="#">Photoshop</a></li>
            <li><a href="#">Themeforest</a></li>
            <li><a href="#">Envato</a></li>
            <li><a href="#">Wordpress</a></li>
            <li><a href="#">News</a></li>
        </ul>

    </div><!-- /.widget -->

    <!-- .widget -->
    <div class="widget">

        <h3 class="title">Latest Post</h3>

        <ul class="latest-post">
            <li class="clearfix">
                <img src="/assets/images/post-format/latest-video.png" alt="Images">
                <a href="#">Lorem ipsum dolor sit amet consectetur adipiscing elit</a>
                <span class="date">June 30, 2012</span>
            </li>
            <li class="clearfix">
                <img src="/assets/images/post-format/latest-standart.png" alt="Images">
                <a href="#">Lorem ipsum dolor sit amet</a>
                <span class="date">June 30, 2012</span>
            </li>
            <li class="clearfix">
                <img src="/assets/images/post-format/latest-gallery.png" alt="Images">
                <a href="#">Lorem ipsum dolor sit amet consectetur elit</a>
                <span class="date">June 30, 2012</span>
            </li>
            <li class="clearfix">
                <img src="/assets/images/post-format/latest-quote.png" alt="Images">
                <a href="#">Lorem ipsum dolor sit amet adipiscing</a>
                <span class="date">June 30, 2012</span>
            </li>
            <li class="clearfix">
                <img src="/assets/images/post-format/latest-aside.png" alt="Images">
                <a href="#">Lorem ipsum dolor sit amet adipiscing</a>
                <span class="date">June 30, 2012</span>
            </li>
        </ul>

    </div><!-- /.widget -->

    <!-- .widget -->
    <div class="widget">

        <h3 class="title">Flickr</h3>

        <ul class="widget-flickr clearfix"></ul>

    </div><!-- /.widget -->

    <!-- .widget -->
    <div class="widget">

        <h3 class="title">Latest Tweets</h3>

        <div id="sidebar-tweet" class="tweet"></div>

        <script type="text/javascript">
            $(document).ready(function(){
                //TWITTER
                $("#sidebar-tweet").tweet({
                    join_text: "auto",
                    username: "envato",
                    avatar_size: 0,
                    count: 3,
                    auto_join_text_default: "we said,",
                    auto_join_text_ed: "we",
                    auto_join_text_ing: "we were",
                    auto_join_text_reply: "we replied",
                    auto_join_text_url: "we were checking out",
                    loading_text: "loading tweets..."
                });
            });
        </script>

    </div><!-- /.widget -->

    <!-- .widget -->
    <div class="widget">

        <h3 class="title">Latest Work</h3>
        <div id="carousel2" class="carousel slide">
            <!-- Carousel items -->
            <div class="carousel-inner">
                <div class="active item"><a href="./posrtfolio-single.html"><img src="/assets/example/post1.jpg" alt="Images" /></a></div>
                <div class="item"><a href="./posrtfolio-single.html"><img src="/assets/example/post2.jpg" alt="Images" /></a></div>
                <div class="item"><a href="./posrtfolio-single.html"><img src="/assets/example/post3.jpg" alt="Images" /></a></div>
            </div>
            <!-- Carousel nav -->
            <a class="carousel-control left" href="#carousel2" data-slide="prev">&lsaquo;</a>
            <a class="carousel-control right" href="#carousel2" data-slide="next">&rsaquo;</a>
        </div>

        <script type="text/javascript">
            $(document).ready(function(){
                $('.carousel2').carousel({
                    interval: 4000
                })
            });
        </script>

    </div><!-- /.widget -->

    <!-- .widget -->
    <div class="widget">

        <h3 class="title">Archive</h3>

        <ul>
            <li><i class="icon-calendar"></i><a href="#">February 2012</a> <span class="alignright">(12)</span></li>
            <li><i class="icon-calendar"></i><a href="#">March 2012</a> <span class="alignright">(8)</span></li>
            <li><i class="icon-calendar"></i><a href="#">April 2012</a> <span class="alignright">(15)</span></li>
            <li><i class="icon-calendar"></i><a href="#">May 2012</a> <span class="alignright">(2)</span></li>
            <li><i class="icon-calendar"></i><a href="#">June 2012</a> <span class="alignright">17)</span></li>
        </ul>

    </div><!-- /.widget -->

    <!-- .widget -->
    <div class="widget">

        <h3 class="title">Recent Comments</h3>

        <ul class="recent-comments">
            <li><span>bingumd says:</span> <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></li>
            <li><span>bingumd says:</span> <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></li>
            <li><span>bingumd says:</span> <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></li>
            <li><span>bingumd says:</span> <a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></li>
        </ul>

    </div><!-- /.widget -->

    <!-- .widget -->
    <div class="widget">

        <h3 class="title">Video Widget</h3>

        <div class="video-container">
            <iframe src="http://player.vimeo.com/video/7449107" width="674" height="375" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>
        </div>

    </div><!-- /.widget -->

</aside><!-- /#sidebar.span3.alignleft -->

</div><!-- /.row -->